<!--
 * @Description: 
 * @Author: 胡涛
 * @Date: 2023-09-11 20:57:56
 * @LastEditors: 胡涛
 * @LastEditTime: 2023-12-25 22:50:13
-->
<template>
  <div class="dashboard-page">
    <div class="breadcrumb">
      <a-breadcrumb>
        <a-breadcrumb-item>系统管理</a-breadcrumb-item>
        <a-breadcrumb-item>首页</a-breadcrumb-item>
      </a-breadcrumb>
    </div>
    <a-card :title="pageTitle" class="wrapper">
      <a-descriptions title="系统信息" bordered size="small">
        <a-descriptions-item span="3" label="系统名称">
          {{ app.title }}
        </a-descriptions-item>
        <a-descriptions-item span="3" label="版本号">
          {{ app.version || 'V1.0.0' }}
        </a-descriptions-item>
        <a-descriptions-item span="3" label="系统简介">
          {{ app.description || "用户权限、组织架构、数据字典、通用配置管理" }}
        </a-descriptions-item>
        <a-descriptions-item span="3" label="更新日志">
          最后更新时间 {{ app.lastUpdateDate || '2023-12-25 15:30' }}
        </a-descriptions-item>
        <a-descriptions-item span="3" label="版权所有">
          {{ app.copyright }}
        </a-descriptions-item>
        <a-descriptions-item span="3" label="技术支持">
          {{ app.supportCompany }}
        </a-descriptions-item>
      </a-descriptions>

    </a-card>
  </div>
</template>

<script lang="ts" setup>
import { getApplicationConfig } from "@/helpers/config";
import { computed, onMounted, ref } from "vue";
const app = getApplicationConfig();

const pageTitle = computed(() => {
  return "欢迎使用 - " + app.title;
});

onMounted(() => {

});
</script>

<style lang="less" scoped>
.dashboard-page {
  padding: 10px;
  background: #f0f2f5;
  height: 100%;
  display: flex;
  flex-direction: column;

  .breadcrumb {
    padding-bottom: 10px;
  }

  .wrapper {
    flex: 1;
  }
}
</style>
